<template>
  <div>
    <complex-input :text="text" :value="value"/>
    <div style="margin-top: 15px;">
      <el-input placeholder="请输入内容" v-model="input3" class="input-with-select">
        <el-select v-model="select" slot="prepend" placeholder="请选择">
          <el-option label="餐厅名" value="1"></el-option>
          <el-option label="订单号" value="2"></el-option>
          <el-option label="用户电话" value="3"></el-option>
        </el-select>
<!--        <el-button slot="append" icon="el-icon-search"></el-button>-->
      </el-input>
    </div>
  </div>
</template>

<script>
import ChildComponent from './components/ChildComponent.vue'
import Child from '@/views/form/components/Child.vue'
import ComplexInput from '@/views/form/components/ComplexInput.vue'

export default {
  components: {
    ComplexInput
  },
  data() {
    return {
      text: '',
      value: '',
      input1: '',
      input2: '',
      input3: '',
      select: ''
    }
  }
}
</script>

<style scoped>
.el-select .el-input {
  width: 130px;
}

.input-with-select .el-input-group__prepend {
  background-color: #fff;
}
</style>
